<div class="panel panel-default panel-intro">
    {:build_heading()}

    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar">
                        <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
                        <a href="javascript:;" class="btn btn-success btn-add {:$auth->check('accounts_receivable/add')?'':'hide'}" title="{:__('Add')}" ><i class="fa fa-plus"></i> {:__('Add')}</a>
                        <a href="javascript:;" class="btn btn-success btn-edit btn-disabled disabled {:$auth->check('accounts_receivable/edit')?'':'hide'}" title="{:__('Edit')}" ><i class="fa fa-pencil"></i> {:__('Edit')}</a>
                        <a href="javascript:;" class="btn btn-danger btn-del btn-disabled disabled {:$auth->check('accounts_receivable/del')?'':'hide'}" title="{:__('Delete')}" ><i class="fa fa-trash"></i> {:__('Delete')}</a>
                        

                        <div class="dropdown btn-group {:$auth->check('accounts_receivable/multi')?'':'hide'}">
                            <a class="btn btn-primary btn-more dropdown-toggle btn-disabled disabled" data-toggle="dropdown"><i class="fa fa-cog"></i> {:__('More')}</a>
                            <ul class="dropdown-menu text-left" role="menu">
                                <li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="status=normal"><i class="fa fa-eye"></i> {:__('Set to normal')}</a></li>
                                <li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="status=hidden"><i class="fa fa-eye-slash"></i> {:__('Set to hidden')}</a></li>
                            </ul>
                        </div>

                        
                    </div>
                    <table id="table" class="table table-striped table-bordered table-hover table-nowrap"
                           data-operate-edit="{:$auth->check('accounts_receivable/edit')}"
                           data-operate-del="{:$auth->check('accounts_receivable/del')}"
                           width="100%">
                        <thead>
                            <tr>
                                <th>{:__('Id')}</th>
                                <th>{:__('Customer_name')}</th>
                                <th>{:__('Product_name')}</th>
                                <th>{:__('Reconciliation_date')}</th>
                                <th>{:__('Receivable_amount')}</th>
                                <th>{:__('Actual_received_amount')}</th>
                                <th>{:__('Received_amount')}</th>
                                <th>{:__('Paid_amount')}</th>
                                <th>{:__('Unpaid_amount')}</th>
                                <th>{:__('Payment_date')}</th>
                                <th>{:__('Invoice_time')}</th>
                                <th>{:__('Invoice_amount')}</th>
                                <th>{:__('Invoice_number')}</th>
                                <th>{:__('Settlement_status')}</th>
                                <th>{:__('Operate')}</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>

        </div>
    </div>
</div>
